import pinia from '@/store'
import useUserStore from '@/store/modules/user.ts'

const userStore = useUserStore(pinia)
export const isHasButton = (app: any) => {
  // 全局自定义指令：实现按钮的权限
  app.directive('hasPermission', {
    // 代表使用这个全局自定义指令的DOM|组件挂载完毕的时候会执行一次
    mounted(el: any, options: any) {
      // console.log(el) 当前节点
      // console.log(el.parentNode) 当前节点父亲节点
      // console.log(options) v-has的值
      // 自定义指令右侧的数组：如果在用户信息buttons数组当中没有，就从DOM树上移除当前节点
      if (!userStore.buttons.includes(options.value)) {
        el.parentNode.removeChild(el)
      }
    },
  })
}
